import React, { useState } from "react"
import './Page404.less';

import { ErrorBlock, Button } from 'antd-mobile'

const Page404 = function ({ navigate } ) {
    return <>
        <div className="page404-box">
            <ErrorBlock status="empty" title="您访问的页面不存在"
                description="去逛逛其他页面吧 " />
            <div className="btn">
                <Button color="warning" onClick={() => { navigate(-1) }}>
                    返回上一页
                </Button>
                <Button color="primary"
                    onClick={() => { navigate('/', { replace: true }) }}>
                    返回首页
                </Button>

            </div>
        </div>
    </>
}

export default Page404